【小程序】ucharts、echarts图表影响页面滑动解决方案 您所在的位置:网站首页 小程序 echarts图表 【小程序】ucharts、echarts图表影响页面滑动解决方案

【小程序】ucharts、echarts图表影响页面滑动解决方案

2024-06-30 21:59| 来源: 网络整理| 查看: 265

使用ucharts绘制图表后在真机上出现无法正常滑动页面,滑动时只是绘制的canvas跟着滑动,并且因为层级过高会挡住底部的tabbar栏。

解决方案:使用官方提供的cover-view组件,在canvas所在的容器写一个同级的cover-view,宽高100% absolute定位覆盖在canvas所在容器。tabbar栏也改用cover-view和cover-image组件去写。

转化分析 .qiun-charts { width: 690rpx; height: 450upx; background-color: #FFFFFF; position: relative; .mark-box{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; } }

cover-view和cover-image会比canvas的层级还高,所以此方法会导致原来的图表点击事件失效,像博主这样不考虑点击事件的可以这样解决。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有